<template>
	<view class="p_full p_bg_f3 p_b_128">
		<view class="set_main">
			<view class="set_top" v-for="item in fileInfo" :key="item.id">
				<orderContent :item="item" :isPreview="false"></orderContent>
			</view>
			<view class="tips_wrapper p_flex2">
				<image src="https://dy.sykj365.com/uploads/mini/laba.png" class="p_img_32 p_margin_r_16"></image>
				<swiper autoplay circular vertical style="flex: 1;height: 100%;">
					<swiper-item v-for="(item, index) in systemNotice" :key="index">
						<view class="p_font_24 p_color_05b570 p_flex_1 p_one_text"
							style="height: 100%;line-height: 50rpx;">{{item}}</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="set_content">
				<view class="set_title">纸张</view>
				<view class="set_wrapper">
					<view :class="{'active': formData.brand == item.name}" v-for="item in brandList" :key="item.id"
						@click="getBrandChoose(item)">
						{{item.name}}
					</view>
				</view>
				<view class="set_des" v-if="brandDes">*{{brandDes}}</view>
				<view class="set_title">纸型</view>
				<view class="set_wrapper">
					<view :class="{'active': formData.paper == item.name, 'huise': item.isChoose == undefined}"
						v-for="item in paperList" :key="item.id" @click="getPaperChoose(item)">
						{{item.name}}
					</view>
				</view>
				<view class="set_des" v-if="paperDes">*{{paperDes}}</view>
				<view class="set_title">单双面</view>
				<view class="set_wrapper">
					<view :class="{'active': formData.single_double == item.id, 'huise': item.isChoose == undefined}"
						v-for="item in singleList" :key="item.id" @click="getSingle(item)">{{item.name}}</view>
				</view>
				<view class="set_title">打印方式</view>
				<view class="set_wrapper">
					<view :class="{'active': formData.colour == item.name, 'huise': item.isChoose == undefined}"
						v-for="item in colourList" :key="item.id" @click="getColourChoose(item)">
						{{item.name}}
					</view>
				</view>
				<view class="set_des" v-if="colourDes">*{{colourDes}}</view>
				<view class="set_title">装订方式</view>
				<view class="p_flex11">
					<view class="set_wrapper">
						<view :class="{'active': item === formData.binding_type,  
							'huise': formData.paper == 'A3' && (item == '圈装' || item == '胶装'),
							'huise': item === '圈装',
							'huise': item === '订书钉',
							'huise': item === '胶装' && !isJZchoose}" v-for="(item, index) in typeList" :key="index"
							@click="getTypeChoose(item)">{{item}}
						</view>
					</view>
					<image src="https://dy.sykj365.com/uploads/mini/zhuangding@2x.png" class="p_img_192 p_margin_t_16"
						v-if="formData.binding_type == '不装钉'"></image>
					<image :src="yuming + '/uploads/mini/2.jpg'" class="p_img_192 p_margin_t_16"
						style="border-radius: 16rpx;" v-if="formData.binding_type == '胶装'"></image>
				</view>
				<view v-if="formData.binding_type === '胶装'">
					<view class="set_title">封面类型</view>
					<view class="set_wrapper">
						<view :class="{'active': bindingName === '皮纹纸'}">皮纹纸</view>
						<view class="huise">铜版纸</view>
					</view>
					<view class="p_margin_t_48" v-if="bindingName === '皮纹纸'">
						<view class="set_title" style="margin-bottom: 4rpx;">封面颜色</view>
						<view class="p_flex3">
							<view class="set_pitch" v-for="(item, index) in coverColors" :key="index"
								@click="getCoverColor(index)">
								<view :class="{'active': item.color_value === '#FFFFFF'}"
									:style="'background: ' + item.color_value">{{item.name}}</view>
								<view>{{item.color_value}}</view>
								<view v-if="formData.color == item.name"></view>
							</view>
						</view>
					</view>
					<view class="set_title" style="margin-top: 36rpx;">封面内容</view>
					<view class="set_wrapper">
						<view :class="{'active': coverIndex === index, 'huise': item !== '纯色封面'}"
							v-for="(item, index) in coverList" :key="index">
							{{item}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="p_text_c p_font_28 p_margin_b_32 p_flex7">
			<view class="p_tb_8">如更多配置建议每个文件单独设置</view>
		</view>
		<bottomView btnText1="确认配置" @getSubmit="getSetData"></bottomView>
	</view>
</template>

<script>
	import tips from '../../components/tips.vue';
	import bottomView from '../../components/bottomView.vue';
	import orderContent from '../../components/orderContent.vue';

	export default {
		components: {
			tips,
			bottomView,
			orderContent
		},
		data() {
			return {
				systemNotice: [],
				fileInfo: [], // 文件
				yuming: this.$api.yuming,
				imgHost: this.$api.yuming,
				// 选项数据
				paperList: [],
				colourList: [],
				brandList: [],
				coverColors: [],
				paperDes: '',
				colourDes: '',
				brandDes: '',
				singleList: [{
					name: '单面',
					id: 0
				}, {
					name: '双面',
					id: 1
				}],
				// 装订方式
				typeList: ['不装钉', '订书钉', '圈装', '胶装'],
				// 封面内容
				coverList: ['文字封面', '首页为封面', '上传封面', '纯色封面'],
				coverIndex: 3, // 选中封面index,默认纯色
				coverChooseIndex: 3, // 记录选中封面index,用于弹窗确定之后赋值给coverIndex
				// 价格
				priceListNum: [], // 设定的价格
				// 数据
				bindingName: '', // 皮纹纸 铜版纸
				random: 0, // 颜色随机数index
				coverColorIndex: null, // 最终选中的颜色index
				// 获取价格
				priceData: {
					brand_id: '', // 纸型id
					paper_id: '', // 纸张id
					colour_id: '', // 打印方式
					single_double: '', // 单双面
					price: '', // 价格
				},
				priceInfo: {},
				// 防连点
				isBtn: true, // 是否可以点击
				// 范围
				jzMaxNum: 300,
				maxPageNum: 0, // 列表中最大的page
				minPageNum: 0, // 列表中最小的page
				isJZchoose: true, // 胶装是否可选 最大的页码数 < jzMaxNum
				// 请求数据
				infoIndex: 0, // 配置的index
				bindingType: '', // 最终装订方式
				formData: {
					id: '',
					paper: '', // 纸型
					single_double: -1, // 单双面
					binding_type: '', // 装订方式
					film_covering: '', // 覆膜---传空
					cover_type: '', // 封面内容
					cover_image: '', // ---传空
					reduction_printing: '不缩印',
					print_range: '', // 页码 n-m
					num: 1,
					colour: '', // 打印方式
					color: '', // 封面颜色
					price: '',
					brand: '', // 纸张
					page_turning: '', // 翻页方向
				},
			}
		},
		onLoad(e) {
			this.getNotice();
			let self = this;
			this.fileInfo = JSON.parse(decodeURIComponent(e.items)); // 文件信息

			let pages_ = [];
			this.fileInfo.forEach((n) => {
				pages_.push(n.page);
			})
			this.maxPageNum = Math.max(...pages_);
			this.minPageNum = Math.min(...pages_);
			if (Math.ceil(this.maxPageNum / 2) > this.jzMaxNum) {
				this.isJZchoose = false;
			}

			this.getPaper(); // 纸型列表
			this.getColour(); // 色彩列表
			this.getBrand(); // 纸张列表
			this.getColor(); // 封面颜色列表
			this.getPriceInfo(); // 获取价格

			// 初始化数据
			this.formData.binding_type = '不装钉';
		},
		onShow() {},
		methods: {
			// 获取公告
			getNotice() {
				this.$http.get(this.$api.systemNotice).then((res) => {
					if (res.system_notice.length === 0) {
						res.system_notice = ['暂无公告~']
					}
					this.systemNotice = res.system_notice;
				})
			},
			// 获取价格
			getPriceInfo() {
				this.$http.post(this.$api.price).then(res => {
					this.priceInfo = res.data;
				})
			},
			// 配置参数
			getBrand() {
				this.$http.post(this.$api.brand).then(res => {
					this.brandList = res.data;

					this.formData.brand = res.data[0].name;
					this.priceData.brand_id = res.data[0].id;
					this.brandDes = res.data[0].remark;
					this.getSetPrice();
				})
			},
			getBrandChoose(item, e) {
				this.formData.brand = item.name;
				this.priceData.brand_id = item.id;
				this.brandDes = item.remark;
				this.getSetPrice(e);
			},
			//
			getPaper() {
				this.$http.post(this.$api.paper).then(res => {
					this.paperList = res.data;
				})
			},
			getPaperChoose(item) {
				if (item.isChoose) {
					this.formData.paper = item.name;
					this.priceData.paper_id = item.id;
					this.paperDes = item.remark;

					let single_ = [];
					let colour_ = [];

					let arr = [];
					this.priceListNum.forEach((n, k) => {
						if (n.brand_id == this.priceData.brand_id && n.paper_id == this.priceData.paper_id) {
							arr.push(n)
						}
					})

					this.singleList.forEach((n, k) => {
						n.isChoose = undefined;
					})
					this.colourList.forEach((n, k) => {
						n.isChoose = undefined;
					})

					arr.forEach((n, k) => {
						// 单双面
						this.singleList.forEach((sn, sk) => {
							if (sn.id == n.single_double) {
								sn.isChoose = true;
								single_.push(sn);
							}
						})
						// 色彩（打印方式）
						this.colourList.forEach((cn, ck) => {
							if (cn.id == n.colour_id && cn.name != '彩色喷墨') {
								cn.isChoose = true;
								colour_.push(cn);
							}
						})
					})

					single_ = Array.from(new Set(single_));
					let s_ = false;
					single_.forEach((n, k) => {
						if (n.id == this.priceData.single_double) {
							s_ = true;
						}
					})
					if (!s_) {
						this.formData.single_double = single_[0].id;
						this.priceData.single_double = single_[0].id;
					}

					colour_ = Array.from(new Set(colour_)); // 去重
					let c_ = false;
					colour_.forEach((n, k) => {
						if (n.id == this.priceData.colour_id) {
							c_ = true;
						}
					})
					if (!c_) {
						this.formData.colour = colour_[0].name;
						this.priceData.colour_id = colour_[0].id;
						this.colourDes = colour_[0].remark;
					}
				}
			},
			//
			getSingle(item) {
				if(this.minPageNum == 1 && item.name == '双面') return
				if (item.isChoose) {
					this.formData.single_double = item.id;
					this.priceData.single_double = item.id;

					if (item.id === 0) {
						// 单面
						if (this.maxPageNum > this.jzMaxNum) {
							this.isJZchoose = false;
							this.formData.binding_type = '不装钉';
						} else {
							this.isJZchoose = true;
						}
					}
					if (item.id === 1) {
						// 双面
						if (Math.ceil(this.maxPageNum / 2) > this.jzMaxNum) {
							this.isJZchoose = false;
							this.formData.binding_type = '不装钉';
						} else {
							this.isJZchoose = true;
						}
					}

					let paper_ = [];
					let colour_ = [];

					let arr = [];
					this.priceListNum.forEach((n, k) => {
						if (n.brand_id == this.priceData.brand_id && n.single_double == this.priceData
							.single_double) {
							arr.push(n)
						}
					})

					this.paperList.forEach((n, k) => {
						n.isChoose = undefined;
					})
					this.colourList.forEach((n, k) => {
						n.isChoose = undefined;
					})

					arr.forEach((n, k) => {
						// paper
						this.paperList.forEach((pn, pk) => {
							if (pn.id == n.paper_id) {
								pn.isChoose = true;
								paper_.push(pn);
							}
						})
						// 色彩（打印方式）
						this.colourList.forEach((cn, ck) => {
							if (cn.id == n.colour_id && cn.name != '彩色喷墨') {
								cn.isChoose = true;
								colour_.push(cn);
							}
						})
					})

					paper_ = Array.from(new Set(paper_)); // 去重
					let p_ = false;
					paper_.forEach((n, k) => {
						if (n.id == this.priceData.paper_id) {
							p_ = true;
						}
					})
					if (!p_) {
						this.formData.paper = paper_[0].name;
						this.priceData.paper_id = paper_[0].id;
						this.paperDes = paper_[0].remark;
					}

					colour_ = Array.from(new Set(colour_)); // 去重
					let c_ = false;
					colour_.forEach((n, k) => {
						if (n.id == this.priceData.colour_id) {
							c_ = true;
						}
					})
					if (!c_) {
						this.formData.colour = colour_[0].name;
						this.priceData.colour_id = colour_[0].id;
						this.colourDes = colour_[0].remark;
					}
				}
			},
			//
			getColour() {
				this.$http.post(this.$api.colour).then(res => {
					this.colourList = res.data;
				})
			},
			getColourChoose(item) {
				if (item.name === '彩色喷墨') return
				if (item.isChoose) {
					this.formData.colour = item.name;
					this.priceData.colour_id = item.id;
					this.colourDes = item.remark;

					let paper_ = [];
					let single_ = [];

					let arr = [];
					this.priceListNum.forEach((n, k) => {
						if (n.brand_id == this.priceData.brand_id && n.colour_id == this.priceData.colour_id) {
							arr.push(n)
						}
					})

					this.paperList.forEach((n, k) => {
						n.isChoose = undefined;
					})
					this.singleList.forEach((n, k) => {
						n.isChoose = undefined;
					})

					arr.forEach((n, k) => {
						// paper
						this.paperList.forEach((pn, pk) => {
							if (pn.id == n.paper_id) {
								pn.isChoose = true;
								paper_.push(pn);
							}
						})
						// 单双面
						this.singleList.forEach((sn, sk) => {
							if (sn.id == n.single_double) {
								sn.isChoose = true;
								single_.push(sn);
							}
						})
					})

					paper_ = Array.from(new Set(paper_)); // 去重
					let p_ = false;
					paper_.forEach((n, k) => {
						if (n.id == this.priceData.paper_id) {
							p_ = true;
						}
					})
					if (!p_) {
						this.formData.paper = paper_[0].name;
						this.priceData.paper_id = paper_[0].id;
						this.paperDes = paper_[0].remark;
					}

					single_ = Array.from(new Set(single_));
					let s_ = false;
					single_.forEach((n, k) => {
						if (n.id == this.priceData.single_double) {
							s_ = true;
						}
					})
					if (!s_) {
						this.formData.single_double = single_[0].id;
						this.priceData.single_double = single_[0].id;
					}
				}
			},
			//
			getTypeChoose(item) {
				if (item === '圈装' || item === '订书钉') return
				if (this.formData.paper === 'A3' && (item === '圈装' || item === '胶装')) return
				if (!this.isJZchoose && item === '胶装') return

				this.formData.binding_type = item;

				if (item === '胶装') {
					this.bindingName = '皮纹纸';
					this.coverChooseIndex = 3;
					this.coverIndex = 3;
				} else {
					this.bindingName = '';
				}
			},
			//
			getColor() {
				this.$http.post(this.$api.color).then(res => {
					this.coverColors = res.data;

					res.data.forEach((n, k) => {
						if (n.name == '随机颜色') {
							this.random = k;
						}

						this.coverColorIndex = this.random;
					})

					this.formData.color = this.coverColors[this.coverColorIndex].name;
				})
			},
			getCoverColor(i) {
				this.coverColorIndex = i;
				this.formData.color = this.coverColors[this.coverColorIndex].name;
			},
			//
			getSetPrice(e) {
				this.$http.post(this.$api.prints, {
					brand_id: this.priceData.brand_id
				}).then(res => {
					this.priceListNum = res.data;
					let l_ = res.data;
					let paper_ = [];
					let single_ = [];
					let colour_ = [];

					this.paperList.forEach((n, k) => {
						n.isChoose = undefined;
					})
					this.singleList.forEach((n, k) => {
						n.isChoose = undefined;
					})
					this.colourList.forEach((n, k) => {
						n.isChoose = undefined;
					})

					l_.forEach((n, k) => {
						// paper
						this.paperList.forEach((pn, pk) => {
							if (pn.id == n.paper_id) {
								pn.isChoose = true;
								paper_.push(pn);
							}
						})
						// 单双面
						this.singleList.forEach((sn, sk) => {
							if (sn.id == n.single_double) {
								sn.isChoose = true;
								single_.push(sn);
							}
						})
						// 色彩（打印方式）
						this.colourList.forEach((cn, ck) => {
							if (cn.id == n.colour_id && cn.name !== '彩色喷墨') {
								cn.isChoose = true;
								colour_.push(cn);
							}
						})
					})

					if (!e) { // 初始化
						// 纸型 
						paper_ = Array.from(new Set(paper_)); // 去重
						let p_i = 0;

						paper_.forEach((n, k) => {
							if (n.name == 'A4') {
								p_i = k
							}
						})

						this.formData.paper = paper_[p_i].name;
						this.priceData.paper_id = paper_[p_i].id;
						this.paperDes = paper_[p_i].remark;

						// 单双面
						single_ = Array.from(new Set(single_));
						let s_i = 0;

						single_.forEach((n, k) => {
							if (n.name == '双面' && this.minPageNum != 1) {
								s_i = k
							}
							if (n.name == '单面' && this.minPageNum == 1) {
								s_i = k
							}
						})

						this.formData.single_double = single_[s_i].id;
						this.priceData.single_double = single_[s_i].id;

						// 打印方式
						colour_ = Array.from(new Set(colour_)); // 去重
						let c_i = 0;

						colour_.forEach((n, k) => {
							if (n.name == '黑白激光') {
								c_i = k
							}
						})

						this.formData.colour = colour_[c_i].name;
						this.priceData.colour_id = colour_[c_i].id;
						this.colourDes = colour_[c_i].remark;
					}
				})
			},
			//
			getSetData() {
				// 配置每一项参数
				let title_ = this.formData.binding_type;
				let self = this;
				if (!this.formData.brand) return getApp().getMsg('请设置纸张');
				if (!this.formData.paper) return getApp().getMsg('请设置纸型');
				if (this.formData.single_double == -1) return getApp().getMsg('请设置单双面');
				if (!this.formData.colour) return getApp().getMsg('请设置打印方式');
				if (!this.formData.binding_type) return getApp().getMsg('请设置装订方式');
				if (this.formData.binding_type == '胶装') {
					if (!this.bindingName) return getApp().getMsg('请设置封面类型');
					if (this.bindingName == '皮纹纸' && !this.formData.color) return getApp().getMsg('请设置封面颜色');
					if (this.bindingName == '皮纹纸' && this.formData.color) title_ = this.formData.binding_type +
						this.bindingName;
				} else {
					this.bindingName = '';
					this.formData.color = '';
				}
				this.formData.cover_type = this.formData.binding_type == '胶装' ? this.coverList[this.coverIndex] : '';
				this.bindingType = title_;
				this.getUrl(false);
			},
			getUrl(e) {
				this.formData.id = this.fileInfo[this.infoIndex].id;
				this.formData.print_range = '1-' + this.fileInfo[this.infoIndex].page;
				if (this.fileInfo[this.infoIndex].page_turning) {
					this.formData.page_turning = this.fileInfo[this.infoIndex].page_turning; // 横竖方向
				}
				if (!this.fileInfo[this.infoIndex].page_turning) {
					this.formData.page_turning = this.fileInfo[this.infoIndex].type == 0 ? '横向翻页' :
						this.fileInfo[this.infoIndex].type == 1 ? '竖向翻页' : '';
				}

				let oneP_1 = 0; // 后台设置价格
				this.priceListNum.forEach((n, k) => {
					if (n.brand_id == this.priceData.brand_id &&
						n.paper_id == this.priceData.paper_id &&
						n.colour_id == this.priceData.colour_id &&
						n.single_double == this.priceData.single_double) {
						this.formData.commission_switch = n.commission_switch;
						oneP_1 = Number(n.price);
					}
				})
				let oneP_2 = 0; // 装订方式价格
				if (this.formData.binding_type == '不装订') oneP_2 = 0;
				let oneP_3 = 0; // 封面类型
				oneP_3 = this.bindingName === '皮纹纸' ? Number(this.priceInfo.paper_cover_price) : 0;
				let oneP_4 = 0; // 封面颜色
				if (this.formData.binding_type == '胶装' && this.bindingName === '皮纹纸') {
					if (this.coverColorIndex == this.random) {
						oneP_4 = Number(this.priceInfo.random_color_price); // 系统随机选中的颜色
					} else {
						oneP_4 = Number(this.priceInfo.select_color_price); // 自己选中的颜色
					}
				} else {
					oneP_4 = 0;
				}

				let one_ = 0; // 一份价格
				let ps_ = this.formData.single_double == 0 ? this.fileInfo[this.infoIndex].page :
					Math.ceil(this.fileInfo[this.infoIndex].page / 2); // 页码数
				one_ = (oneP_1 * ps_) + oneP_2 + oneP_3 + oneP_4;

				console.log(ps_)
				console.log(oneP_1 * ps_)
				console.log(oneP_2)
				console.log(oneP_3)
				console.log(oneP_4)

				this.formData.binding_type = this.bindingType;
				this.formData.price = one_;

				console.log(this.formData)

				if (!this.isBtn && !e) return
				this.isBtn = false;

				this.$http.post(this.$api.cartEdit, this.formData).then(res => {
					if (this.infoIndex === this.fileInfo.length - 1) {
						getApp().getMsg('配置成功', 'success');
						getApp().getBack();
						uni.setStorageSync('set', true);

						setTimeout(() => {
							this.isBtn = true;
						}, 2000)
					} else {
						this.infoIndex++;
						this.getUrl(true);
					}
				})
			},
		}
	}
</script>

<style lang="less">
	.set_main {
		overflow: hidden;
		padding: 0 32rpx;
		min-height: calc(100vh - 128rpx);
	}

	.tips_wrapper {
		height: 50rpx;
		padding: 0 32rpx;
		margin: 32rpx 0;
		border-radius: 8rpx;
		background-color: #DBECE5;
	}

	.set_top,
	.set_content {
		background-color: #fff;
		padding: 32rpx;
		margin: 32rpx 0;
		border-radius: 16rpx;
	}

	.set_title {
		font-size: 28rpx;
		line-height: 40rpx;
		margin-top: 48rpx;

		&:first-child {
			margin-top: 0;
		}
	}

	.set_wrapper {
		flex: 1;
		display: flex;
		flex-wrap: wrap;

		view {
			font-size: 26rpx;
			line-height: 36rpx;
			padding: 16rpx 22rpx;
			border-radius: 4rpx;
			background-color: #F3F3F3;
			margin: 16rpx 12rpx 0 0;
			text-align: center;
			min-width: 76rpx;
			position: relative;

			&.active {
				color: #05B570;
				background-color: rgba(6, 161, 126, 0.08);
			}

			&.huise {
				color: #fff;
				background-color: rgba(0, 0, 0, 0.1);
			}
		}
	}

	.set_des {
		font-size: 22rpx;
		line-height: 30rpx;
		color: #05B570;
		margin-top: 16rpx;
	}

	.set_tectorial {
		margin-top: 16rpx;
		border-radius: 16rpx;
		background-color: #F4FAFB;
		padding: 30rpx 24rpx;
		display: flex;
	}

	.set_pitch {
		font-size: 20rpx;
		line-height: 28rpx;
		text-align: center;
		margin: 12rpx 44rpx 12rpx 0;
		position: relative;

		view {
			&:first-child {
				width: 80rpx;
				height: 80rpx;
				border-radius: 8rpx;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 2rpx;

				&.active {
					color: #222;
					box-sizing: border-box;
					border: 1px solid #222;
				}
			}

			&:nth-child(3) {
				top: 0;
				left: 0;
				width: 80rpx;
				height: 80rpx;
				border-radius: 8rpx;
				position: absolute;
				background: url(https://dy.sykj365.com/uploads/mini/xuanzhong1@2x.png) no-repeat center rgba(0, 0, 0, 0.4);
				background-size: 48rpx 48rpx;
			}
		}
	}

	.text_wrapper {
		width: 460rpx;
		height: 320rpx;
		overflow: hidden;
		border: 1px solid #E8E8E8;

		.text_img {
			width: 230rpx;
			height: 100%;
			margin: 0 auto;
			// margin: 0 0 0 auto;
		}

		.imgs_ {
			width: 100%;
			height: 100%;
			margin: 0 0 0 auto;
		}

		textarea {
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding: 32rpx;
		}
	}

	.text_add {
		width: 100%;
		height: 100%;
		background-color: #F3F3F3;
	}

	.btn_wrapper {

		view,
		navigator {
			color: #7A7A7A;
			width: 100rpx;
			height: 52rpx;
			border-radius: 80rpx;
			border: 1rpx solid #E8E8E8;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 32rpx 0;
		}
	}

	.set_bottom {
		width: 100%;
		position: fixed;
		bottom: 0;
		background-color: #fff;
		box-shadow: 0px 5px 10px #e8e8e8;
		box-sizing: border-box;
		padding: 18rpx 32rpx 38rpx;
	}

	.set_yulan {
		width: 152rpx;
		height: 72rpx;
		box-sizing: border-box;
		border: 1px solid #E8E8E8;
		border-radius: 56rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 16rpx;
	}

	.p_btn {
		width: 208rpx;
		margin: 0;
	}

	.pick_text {
		position: absolute;
		top: 60px;
		z-index: 999;
		width: 100%;
	}
</style>
